<template>
    <div >
        <!-- 头部 -->
        <div>
            <van-nav-bar title="应用权限说明" left-text="" right-text="" left-arrow @click-left="back" />
        </div>
     
        <!-- 应用权限说明 -->
        <div class="box">
            <p class="text">
                为保障小默外卖产品功能实现与安全稳定运行至目的，我们可能会申请或使用操作系统的相关权限；
            </p>
            <p class="text">
                为保障您的知情权，我们通过下列列表将产品可能申请、使用的相关操作系统权限进行展示，您可以根据实际需要对相关权限进行管理；
            </p>
            <p class="text">
                根据产品的升级，申请、使用权限的类型与目的可能会有变动，我们将及时根据这些变动对列表进行调整，以确保您及时获悉权限的申请与使用情况；
            </p>
            <p class="text">
                请您知悉，我们为业务与产品的功能与安全需要，我们可能也会使用第三方及关联方SDK，这些第三方也可能会申请或使用相关操作系统权限；
            </p> 
            <p class="text">
                在使用产品的过程中，您可能会使用第三方开发的H5页面或小程序，这些第三方开发的插件或小程序也可能因业务功能所必需而申请或使用相关操作系统权限。
            </p>
            <p class="text2">
                安卓操作系统应用权限列表
            </p>
            <table class="quanxian">
                <tr>
                    <th class="th">权限名称</th>
                    <th class="th">权限功能说明</th>
                    <th class="th">使用场景或目的</th>
                </tr>
                <!-- <tbody> -->
                    <tr v-for="(item, index) in list" :key="index">
                        <td class="td">{{item.name}}</td>
                        <td class="td" >{{item.feature}}</td>
                        <td class="td" >{{item.scenario}}</td>
                    </tr>
                <!-- </tbody> -->
                
            </table>
           
        </div>
    </div>
</template>

<script>
    import { PermissionsData } from "../../allData/setting/Permissions";

export default {
    name : 'ApplyPermissionDescriptions',
    data(){
        return{
            list:PermissionsData
        }
    },
    methods:{
        back() {
            this.$router.go(-1)
        },
    }
}

</script>

<style scoped>
.box {
    width: 92%;
    margin: 0 auto;
}
.text {
    font-size: 14px;
}
.text2,.text span{
    font-weight: bold;
    font-size: 14px;
}
.quanxian{
    border: 1px solid gray;
    border-spacing: 0;
    width: 100%;
    font-size: 14px;
}

.td,.th{
    text-align: center;
    align-items: center;
  border-bottom: 1px solid gray;
    border-right: 1px solid gray;;
    width: 33%;
    flex-wrap: wrap;
}

</style>